<template>
  <el-container style="height: 100vh;">

    <!-- 头部 -->
    <el-header>头部内容</el-header>

    <!-- 主体内容 -->
    <el-main>
      主体内容
    </el-main>

    <!-- 底部 -->
    <el-footer>
      <el-row>
        <el-col :span="8">消息</el-col>
        <el-col :span="8">联系人</el-col>
        <el-col :span="8">我的</el-col>
      </el-row>
    </el-footer>
  </el-container>
</template>

<script>
import {ElContainer, ElHeader, ElMain, ElFooter, ElRow, ElCol} from 'element-plus';

export default {
  name: 'MyPage',
  components: {
    ElContainer,
    ElHeader,
    ElMain,
    ElFooter,
    ElRow,
    ElCol
  }
};
</script>

<style scoped>

</style>